<script setup lang="ts">
import { reactive } from 'vue'
import { BookSearch20Regular } from '@vicons/fluent'
import { Icon } from '@vicons/utils'

// 状态参数
const state = reactive({
  // 是否开启
  isOn: false,
})
</script>

<template>
  <a-tooltip title="【未实装】知识库" placement="top">
    <n-button
      :type="state.isOn ? 'primary' : 'default'"
      secondary
      @click="state.isOn = !state.isOn"
    >
      <template #icon>
        <Icon><BookSearch20Regular /></Icon>
      </template>
    </n-button>
  </a-tooltip>
</template>

<style lang="scss" scoped></style>
